<template>
    <div id="app">
        <li v-for="item in ToDoItems" :key=item.id>
            <Item :label="item.label" :done="item.done" :id="item.id"></Item>
        </li>
    </div>
</template>
<script>
// 导入组件
import Item from './components/Item.vue'
//导入语法
export default{
    name:'app',
    components:{
        Item
    },
    data(){
        return {
            ToDoItems:[
                {label:'learn Vue',done:false,id:2},
                {label:'vueapp',done:false,id:1}
            ]
        }
    }
}
</script>
